@import (reference) '../../business/style/uxc.less';

@breadcrumb-active-color: @font-base-color;
@breadcrumb-separator: '>';

sn-breadcrumb {
    > ul {
        padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;
        margin-bottom: @line-height-computed;
        list-style: none;
        //background-color: @breadcrumb-bg;
        border-radius: @border-radius-base;
        > li {
            display: inline-block;
            > span > span,
            > a > span {
                width: 16px;
                height: 16px;
            }
            + li:before {
                content: '@{breadcrumb-separator}\00a0'; // Unicode space added since inline-block means non-collapsing white-space
                padding: 0 6px;
            }
        }
        > .active {
            color: @breadcrumb-active-color;
        }
    }
}
